<!-- 无缝滚动列表 -->
<template>
    <div style="padding: 10px;font-weight:bold;font-size:large;">实时报警列表：</div>
    <vue-auto-scroll :data="list" :steep="0.1" scrollDirection="top" :isRoller="true" :rollerScrollDistance="10">
        <div class="li" v-for="item in list" style="padding: 5px 10px 5px 10px;">
            <span style="width: 130px;display:inline-block;text-align: center;">{{ item.name }}</span>
            <span style="width: 120px;display:inline-block;text-align: center;">{{ item.comefrom }}</span>
            <span>{{ item.date }}</span>
        </div>
    </vue-auto-scroll>
</template>
<script setup lang="ts">
const list = [
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:22:46",
        "type": 1,
    },
    {
        "name": "高度下限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 10:08:28",
        "type": 1,
    },
    {
        "name": "高度下限位报等",
        "comefrom": "B#塔机",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 09:02:42",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },{
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:22:46",
        "type": 1,
    },
    {
        "name": "高度下限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 10:08:28",
        "type": 1,
    },
    {
        "name": "高度下限位报等",
        "comefrom": "B#塔机",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 09:02:42",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },{
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:22:46",
        "type": 1,
    },
    {
        "name": "高度下限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 10:08:28",
        "type": 1,
    },
    {
        "name": "高度下限位报等",
        "comefrom": "B#塔机",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 09:02:42",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "安全帽监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "反光衣监测",
        "comefrom": "AI危险源识别",
        "date": "08-01 10:27:42",
        "type": 1,
    },
    {
        "name": "最大辐度限位报警",
        "comefrom": "B#塔机",
        "date": "08-01 09:13:35",
        "type": 1,
    },

]
</script>